{% extends "base_dialog.html" %}

{% block content %}
    {% if question %}
        <div class="tip">Question:</div>
        <div class="quest">{{ question.text|linebreaksbr }}</div><br>
    {% endif %}
    <h2 style="margin-top: 0px;margin-bottom: 4px;">Check facts</h2>
    <form action="/quest?id={{ question.key }}&rnd={{ rnd }}" method="post">
        {% for fact in facts %}
            <div class="state">{{ fact.text|escape }}
            </div>
            <fieldset>

                <div class="indent" style="margin-top: 5px" data-role="controlgroup" data-type="horizontal">

                    <input type="radio"
                           name="{{ fact.key }}"
                           value="void"
                           id="void"
                           checked="yes"/>
                    <label for="void" class="ui-btn">...</label>
                    <input type="radio"
                           name="{{ fact.key }}"
                           value="like"
                           id="like"/>
                    <label for="like" class="ui-btn"><font color="green">OK</font> <span
                            class="tip"> true fact</span></label>
                    <input type="radio"
                           name="{{ fact.key }}"
                           value="bad"
                           id="bad"/>
                    <label for="bad" class="ui-btn"><font color="red">NO</font></label>
                </div>
                &nbsp;<span class="tip">not a fact, spam or inappropriate</span>
            </fieldset>
            <br>
        {% endfor %}
        <input type="submit"
               value="Done"
               data-inline="true"
               data-theme="b"
               data-icon="check">
    </form>
{% endblock %}